html {
    height: 100%;
}

body {
    background-image: linear-gradient(to bottom right, rgb(114, 135, 254), rgb(130, 88, 186));
}

.main-container {
    width: 500px;
    height: 400px;
    margin: 60px auto auto;
    border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    background-image: linear-gradient(to top left, rgb(118, 76, 163), rgb(92, 103, 211));
    box-shadow: 0 10px 50px 0 rgb(59, 45, 159);

    text-align: center;
}

.display-container {
}

.display-line {
    width: calc(100% - 40px);
    height: 40px;
    margin: 10px 20px;
    display: inline-block;
}

.display-line span {
    width: 80px;
    height: 20px;
    margin: 10px auto;
    font-size: medium;
    float: left;
    color: #fff;
}

.display-line p {
    width: 300px;
    height: 20px;
    border-bottom: 1px solid;
    float: left;
}
